/*
 * Copyright (C) 2000 - 2024 Silverpeas
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License as
 * published by the Free Software Foundation, either version 3 of the
 * License, or (at your option) any later version.
 *
 * As a special exception to the terms and conditions of version 3.0 of
 * the GPL, you may redistribute this Program in connection with Free/Libre
 * Open Source Software ("FLOSS") applications as described in Silverpeas's
 * FLOSS exception.  You should have received a copy of the text describing
 * the FLOSS exception, and it is also available here:
 * "https://www.silverpeas.org/legal/floss_exception.html"
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU Affero General Public License for more details.
 *
 * You should have received a copy of the GNU Affero General Public License
 * along with this program.  If not, see <https://www.gnu.org/licenses/>.
 */

.sp-a11y-module .sp-a11y-open-menu,
.sp-a11y-module .sp-a11y-close-menu {
  display: block;
  background: #0274be url(../icons/human.svg) center center no-repeat;
  background-image: url(../icons/human.svg) !important;
  background-size: 3em auto;
  border: 2px solid #FFF;
  margin-left: -2px;
  width: 4em;
  height: 4em;

  & span {
    display: none;
  }
}

.sp-a11y-module {
  position: absolute;
  bottom: 3em;
  left: 0;
  z-index: 100;

  & .normal-leftRight-slide-enter-active {
    display: flex;
    flex-flow: row-reverse;
  }

  & .sp-a11y-menu {
    list-style-type: none;
    margin: 0;
    padding: 0;
    background: #EEE;
    box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.3);
  }

  & li {
    margin: 0;
    padding: 0;
    font-size: 1em;
    border-bottom: 1px solid rgb(0 0 0 / 0.2);

    &.selected a {
      font-weight: bold !important;
    }

    &.selected a::after {
      content: '×';
      font-size: 28px;
      display: block;
      margin: 0 0.5em;
      position: absolute;
      top: calc(50% - 18px);
      right: 0.05em;
    }

    & a {
      display: block;
      padding: 1.25em 2em 1.25em 4.25em;
      position: relative;
    }

    & a:hover {
      background-color: #000 !important;
      color: #FFF !important;
    }
  }
}

.sp-a11y-menu a::before {
  width: 3.75em;
  height: 100%;
  content: ' ';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
}

#contrast-gl a::before {
  background: #FFF url(../icons/packA11y.png) center 8px no-repeat;
}

#contrast-hc a::before {
  background: #FFF url(../icons/packA11y.png) center -55px no-repeat;
}

#contrast-nhc a::before {
  background: #000 url(../icons/packA11y.png) center -113px no-repeat;
}

#font-b a::before {
  background: #FFF url(../icons/packA11y.png) center -173px no-repeat;
}


#click-zone-e a::before {
  content: ' Link ';
  margin: 0.25em;
  border: 1px dashed #1a0dab;
  line-height: 2.5em;
  text-align: center;
  width: 2.95em;
  top: 0.25em;
  bottom: 0.25em;
  left: 0.05em;
  height: calc(100% - 1em);
}

#links-u a::before {
  content: ' Link ';
  line-height: 3.5em;
  text-align: center;
  text-decoration: underline;
}

html[xml\:lang="fr"] #click-zone-e a::before,
html[xml\:lang="fr"] #links-u a::before {
  content: ' Lien ';
}

html[xml\:lang="de"] #click-zone-e a::before,
html[xml\:lang="de"] #links-u a::before {
  content: ' Link ';
}

html[xml\:lang="es"] #click-zone-e a::before,
html[xml\:lang="es"] #links-u a::before {
  content: ' Enlace ';
}

html[xml\:lang="ru"] #click-zone-e a::before,
html[xml\:lang="ru"] #links-u a::before {
  content: ' Cсылка ';
}

.a11y-big-font #contrast-gl a::before {
  background-position: center 33px;
}

.a11y-big-font #contrast-hc a::before {
  background-position: center -29px;
}

.a11y-big-font #contrast-nhc a::before {
  background-position: center -93px;
}

.a11y-big-font #font-b a::before {
  background-position: center -153px;
}